<!DOCTYPE html>
<html>

<head>
    <title>Example</title>
    <meta charset="utf-8">
    <meta name="author" content="Adam Freeman">
    <meta name="description" content="A simple example">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <style type="text/css">
    body {
        font-size: 4em;
    }
    </style>
</head>

<body>
    <ruby>魑
        <rp>(</rp>
        <rt>chi</rt>
        <rp>)</rp>
    </ruby>
    <ruby>魅
        <rp>(</rp>
        <rt>mei</rt>
        <rp>)</rp>
    </ruby>
    <ruby>魍
        <rp>(</rp>
        <rt>wang</rt>
        <rp>)</rp>
    </ruby>
    <ruby>魉
        <rp>(</rp>
        <rt>liang</rt>
        <rp>)</rp>
    </ruby>
</body>

</html>
